<%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/header.jsp" %>
<div class="row">
	<div class="col-xs-12">	
		<div class="widget-box widget-color-blue2">			
			<div class="widget-header">
				<h5 class="widget-title">视频报表明细查询</h5>
				<!-- #section:custom/widget-box.toolbar -->
				<div class="widget-toolbar">
					<a href="#" data-action="fullscreen" class="orange2"><i class="ace-icon fa fa-expand"></i></a>
					<a href="#" data-action="collapse"><i class="ace-icon fa fa-chevron-up"></i></a>
					<a href="#" data-action="close"><i class="ace-icon fa fa-times"></i></a>
				</div>
				<!-- /section:custom/widget-box.toolbar -->
			</div>
			<div class="widget-body">
				<div class="widget-main no-padding">				
					<form class="form-horizontal" id="queryUserForm" action="${ctx}/videoReport/toExpor">
						<fieldset>
						    <div class="row">
								<div class="form-group col-xs-6">
									<label class="col-sm-4 control-label no-padding-left" for="userName">客户姓名</label>
									<div class="col-sm-8">
										<input type="text" id="custNameQuery" name="custName" class="col-xs-10"/>
									</div>
								</div>							
						    	<div class="form-group col-xs-6">
									<label class="col-sm-4 control-label no-padding-left" for="certNO">证件号码</label>
									<div class="col-sm-8">
										<input type="text" id="idCardQuery" name="idCard" class="col-xs-10"  />
									</div>
								</div>
								<div class="form-group col-xs-6">
									<label class="col-sm-4 control-label no-padding-left" for="certNO">贷款合同号</label>
									<div class="col-sm-8">
										<input type="text" id="loanContract" name="loanContract" class="col-xs-10"  />
									</div>
								</div>
								<div class="form-group col-xs-6">
									<label class="col-sm-4 control-label no-padding-left" for="orgId">所属机构</label>
									<div class="col-sm-8">
										<input type="text" id="orgId" name="orgId" class="col-xs-10" />
									</div>
								</div>							
							</div>
						</fieldset>
						<div class="form-actions center">
							<button class="btn btn-sm btn-info" type="button" id="searchUser">
								<i class="icon-on-right ace-icon fa fa-search bigger-110"></i>
								查询
							</button>
							&nbsp; &nbsp; &nbsp;
							<button class="btn btn-sm btn-warning" type="reset">
								<i class="ace-icon fa fa-refresh bigger-110"></i>
								重置
							</button>
							&nbsp; &nbsp; &nbsp;
							<button class="btn btn-sm btn-warning" type="report">
								<i class="ace-icon fa fa-edit bigger-110"></i>
								导出
							</button>
						</div>		
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-xs-12" id="videoListDiv"></div>
</div>
<script type="text/javascript">
var scripts = [null, null];
$('.page-content-area').ace_ajax('loadScripts', scripts, function() {
	//alert("${sessionOrg}");
	//机构/部门选择插件
	$("#orgId").orgTreeSelect({
			checkType:"org", 
			clickType:"org",
			defaultOrgId:"${fns:getOrgId()}",
			defaultOrgName:'<hw:orgName orgId="${fns:getOrgId()}" />',
			queryRootOrgId:"${fns:getOrgId()}"
		}
	);
	
	$("#searchUser").click(function(){
		 //oCache.iCacheLower = -1;
		//$('#userListTable').DataTable().ajax.reload();
		var params = $("#queryUserForm").serialize();
    	$("#videoListDiv").load("${ctx}/videoReport/toList",params);
	});
	
	$("#report").click(function(){
   	 //$("#queryUserForm").attr("action","${ctx}/videoReport/toExpor");
     $("#queryUserForm").submit();
	});
	 
});

</script>
